<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta http-equiv="content-type" content="textml" charset="utf-8">
    <title>弹性布局</title>
    <meta name="Keywords" content="弹性布局 flex">
    <meta name="Description" content="弹性布局 flex">
    <link rel="stylesheet" media="screen" href="css/clean.css">
    <link rel="stylesheet" media="screen" href="css/header.css">
    <link rel="stylesheet" media="screen" href="css/main.css">
    <link rel="stylesheet" media="screen" href="css/section.css">
</head>
<body>
    <header>
        <div class='header-area'>
            <ul class='header-width-set'>
                <li>
                    <div class='tips'></div>
                    <span>Theme: 弹性布局</span>
                </li>
                <li>
                    <div class='tips'></div>
                    <span>Email: socovo@live.com</span>
                </li>
                <li>
                    <div class='tips'></div>
                    <span>Name: 宋臣</span>
                </li>
            </ul>
        </div>
    </header>
    <main>
        <section class='flex-container'>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>自由行</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>主题游</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>一日游</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>顶级游</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>酒店+景点</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>亲子游学</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>外币兑换</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>加盟合作</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>低价拼单</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>机场停车</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>旅游大巴</li>
            <li class='flex-item' onclick='location.href=""'><div class='bg-logo'></div>更多服务</li>
        </section>
    </main>
</body>
</html>